@import './_function.less';
@import './_proHeader.less';
.menu {
    .oh;
    .list {
        width: 25%;
        .h(66);
        .fl;
        .bb(6, solid, transparent);
        .fs(24);
        .c(@c3f);
        .lh(66);
        .tc;
        &.on {
            .bb(6, solid, @cr);
        }
    }
    .icon-group {
        .dib;
        .icon {
            .db;
        }
    }
    .icon {
        .dib;
        .w(13);
        .h(10);
        .bs(13, 20);
        background-image: url('../img/icon-arrows.png');
        &.icon-down {
            .bp(0,
            -9);
        }
        &.icon-up {
            .bp(0,
            0);
        }
    }
}

.prolist {
    .pt(30); // .pb(100);
    .bc(@ce6);
    img {
        .fl;
        .w(198);
        .h(198);
        border: 1px solid @ce6;
    }
    .list {
        .oh;
        .mb(20);
        .p(20,
        20,
        20,
        20);
        .bc(@cW);
    }
    .desc {
        .w(472);
        .fr;
        .h(200);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .title {
        .fs(36);
        .c(@c3f);
        .lh(40);
        .h(100);
        .tdn;
    }
    .pay {
        .oh;
    }
    .price {
        .c(@cr);
        .fs(36);
        .fl;
        .lh(40);
    }
    .add {
        .c(@cW);
        .h(40);
        .w(140);
        .bc(@cr);
        .fr;
        .fs(24);
        .tc;
        .lh(40);
    }
    .status {
        .oh;
        .fs(24);
        .c(@c3f);
    }
    .paid {
        .fl;
    }
    .free {
        .fr;
    }
}

.more {
    .h(66);
    .fs(24);
    .c(@c3f);
    .pt(20); // .w(750);
    .tc;
    .bc(@ce6); // .pa;
    // .b(0);
    // .l(0);
    border-top: 1px solid #fff;
    .icon-open {
        .db;
        .w(18);
        .h(18);
        margin: 0 auto;
        .mt(10);
        background-image: url('../img/icon-open.png');
        background-repeat: no-repeat;
        .bs(18,
        18);
    }
}